body{font-family: Microsoft Yahei;overflow-x:hidden;color: #666;background:#fff;position: relative;}
ul,ol,li{list-style: none;}
a{color: #333;}
a:hover{text-decoration:none;outline:none;}
a:visited,a:active {outline:none;}
div:focus{
    outline:none;
}


/* 通用 */

.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}

 
 .color-orange {color:#FE6604}

 .navbar-default {
    margin: 0px;
    padding: 5px 0px;
    background: rgba(255,255,255,.1);
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.3);
    border-radius: 0px;
    -moz-box-shadow: 0px 0px 0 transparent;
    -webkit-box-shadow: 0px 0px 0 transparent;
    box-shadow: 0px 0px 0 transparent;
    transition: 600ms;
    z-index: 999;
}

.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:hover {
    color:#fff
}

@media (min-width: 768px) {
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
        background:none;
		color:#fff;
    }

	.navbar.navbar-default.gizle {
    background: #218ECD;
        opacity: 1;
}
}

.navbar-nav>li>.dropdown-menu {

	padding: 7px 0 3px;
    background: rgba(255, 255, 255,.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;

	}

.navbar-nav>li>.dropdown-menu:before {
  position: absolute;
  top: -9px;
  left: 20px;
  width: 0;
  height: 0;
  content: '';
}



.navbar-nav>li>.dropdown-menu:after {
  position: absolute;
  top: -8px;
  left: 21px;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #90d7ea;
  border-bottom: 8px solid rgba(255, 255, 255, .8);
  border-left: 8px solid transparent;
  content: '';
}
.navbar-nav>li>ul.dropdown-menu-user:before {
    left:auto;
    right:30px;
}
.navbar-nav>li>ul.dropdown-menu-user:after {
    left:auto;
    right:30px;
}




.navbar-right > li > .dropdown-menu:before {
  position: absolute;
  top: -5px;
  right: 20px;
  width: 0;
  height: 0;
  content: '';
}

.navbar-right > li > .dropdown-menu:after {
  position: absolute;
  top: -5px;
  right: 21px;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #90d7ea;
  border-bottom: 8px solid rgba(0, 0, 0, 0.8);
  border-left: 8px solid transparent;
  content: '';
}


.section1{padding: 60px 0;}
.section1 .row{margin-left: 0;margin-right: 0;}
.section1 [class*="col-"]{padding-left: 0;padding-right: 0;}
.s1-item{height: 190px;background: #F9F9F9;padding: 20px;text-align: center;}
.section1 [class*="col-"]:nth-child(even) .s1-item{background: #ECECEC;}
.s1-img{height: 60px;width: 60px;margin: 20px auto 10px;}
.s1-text{}
.s1-text h4{color: #333;margin-bottom: 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s1-text h4 a{color: #333;}
.s1-text p{color: #666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s1-text p a{color: #666;}
.s1-item2{background: #2870CC;position: relative;}
.s1-item2-1{background: url(../images/base/s1-item2.jpg);background-size:cover;padding: 30px 50px;}
.s1-item2-text{text-align: center;padding-top: 10px;margin-bottom: 30px;}
.s1-item2-text p{color: #fff;font-size: 34px;text-transform : capitalize;}
.s1-item2-text p:after{content:"";display: block;height: 1px;width: 2em;background: rgba(255,255,255,.5);margin: 20px auto;}
.s1-item2-text h4{color: #fff;font-size: 42px;}
.s1-item2-text > span{color: rgba(255,255,255,.3);font-size: 16px;}
.sousuo10{max-width:500px;height:40px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,.5);width:100%;line-height:0;display:table;box-sizing:border-box}
.text10{height:40px;line-height:40px;padding:0 10px;border:none;background:0 0;color:rgba(255,255,255,.5);display:table-cell;width:100%;float:left}
.sousuo10-btn{width:1%;vertical-align:middle;display:table-cell}
.btn10{height:40px;line-height:40px;width:40px;overflow:hidden;color:#FFF;border:none;background:url(../images/base/sousuo10.png) center center no-repeat;cursor:pointer;text-align:center}

@media screen and (min-width: 992px) {
.s1-item2{height: 190px;}
.s1-item2-1{height: auto;position: absolute;left: -50px;right: -50px;top: -50px;bottom: -50px;z-index: 2;}
.section1 [class*="col-"]:nth-child(5) .s1-item{background: #ECECEC;}
.section1 [class*="col-"]:nth-child(5) ~ [class*="col-"]:nth-child(even) .s1-item{background: #F9F9F9;}
.section1 [class*="col-"]:nth-child(5) ~ [class*="col-"]:nth-child(odd) .s1-item{background: #ECECEC;}
}


.s1-item3{height: 190px;background: #2E3545;padding: 20px;}
.s1-item3-1{text-align: center;padding-top: 30px;}
.s1-item3-ico{display: inline-block;vertical-align:middle;margin-right: 5px;height: 40px;width: 40px;background: url(../images/base/s1-ico.png) center center no-repeat;}
.s1-item3-1-text{display: inline-block;vertical-align:middle;}
.s1-item3-1 p{text-align: left;color: #fff;font-size: 12px;margin-bottom: 0;}
.s1-item3-1 h4{	text-align: left;font-size: 16px;color: #fff;margin: 0;}
.s1-item3 h3{text-align: center;color: #297AFF;font-size: 26px;font-weight: bold;}





.section2{padding: 60px 0 30px;background: url(../images/base/s2-bg.jpg) center center no-repeat;background-size:cover;}
.s2-title{text-align: center;margin-bottom: 30px;}
.s2-title h4{color: #fff;font-size: 40px;font-weight: bold;margin-bottom: 15px;}
.s2-title h4 a{color: #fff;}
.s2-title p{display: inline-block;padding: 5px 30px;background: #fff;color: #2A7CD0;border-radius: 30px;}
.s2-item{text-align: center;margin: 30px 0;}
.s2-img{display: inline-block;height: 128px;width: 128px;border:4px solid #5DB6EA;border-radius: 50%;margin-bottom: 25px;}
.s2-img img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.s2-text{}
.s2-text h4{font-size: 20px;font-weight: bold;color: #fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom: 0;}
.s2-text h4 a{color: #fff;}
.s2-text h4:after{content:"";display: block;height: 2px;width: 1em;background: #fff;margin: 20px auto;}
.s2-text p{color: #fff;}
.s2-more{margin-top: 30px;text-align: center;}




.section3{padding: 60px 0;overflow: hidden;}
.s3-title{position: relative;padding-left: 55px;padding-top: 55px;margin-bottom: 30px;}
.s3-title:after{content:"";display: table;clear: both;}
.s3-title em{position: absolute;left: 0;top: 0;z-index: 1;font-size: 160px;color: #D9E3FE;
font-style:normal;font-weight: bold;line-height: 1;
}
.s3-title p{position: relative;z-index: 2;font-size: 50px;color: #616161;line-height: 1;
}
.s3-title h4{position: relative;z-index: 2;font-size: 30px;color: #626262;line-height: 1;
margin-top: 0px;
}
.s3-title ul{position: absolute; right:0px; border-bottom:1px solid #999;padding-bottom: 10px;margin-top: 20px; z-index: 99;}
.s3-title ul:after{content:"";display: block;position: absolute;height: 1px;width: 1000px;
background: #999;left: 100%;bottom: -1px;
}
.s3-title ul li{display: inline-block;margin-top: 40px;margin-right: 10px;font-size: 16px;}
.s3-title ul li a{}




@media screen and (min-width: 992px) and (max-width: 1199px){
.s3-title p{font-size: 40px;}
.s3-title h4{font-size: 26px;}
.s3-title ul li a{font-size: 14px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
.s3-title{padding-bottom: 50px;}
.s3-title ul {float: none;position: absolute;left: 0;bottom: 0;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.section3{padding-top: 0;}
.s3-title{padding-left: 0;}
.s3-title ul {display: none;}
.s3-title p{font-size: 22px;}
.s3-title h4{font-size: 26px;}
}


.s3-item{margin: 20px 0;}
.s3-img{display:block;overflow:hidden;}
.s3-img img{width:100%;height:auto;margin:0px auto;transition:600ms;}
.s3-item:hover .s3-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.s3-text{padding: 15px;text-align: center;}
.s3-text h4{font-size: 28px;color: #666;border-bottom:1px solid #ccc;padding-bottom: 15px;margin-bottom: 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s3-text h4 a{color: #666;}
.s3-text p{color: #999;font-size: 16px;}
.s3-text p a{color: #999;}

@media screen and (min-width: 992px) and (max-width: 1199px){
.s3-text h4{font-size: 24px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.s3-text h4{font-size: 22px;}
}


.section4{padding: 60px 0;background: url(../images/base/s4-bg.jpg) center center no-repeat;
background-size:cover;
}


.s4-title{text-align: center;margin-bottom: 70px;}
.s4-title span{font-size: 16px;color: #fff;}

.s4-title h4{color: #fff;font-size: 30px;margin: 5px 0;}
.s4-title h4 a{color: #fff;}
.s4-title p{color: #fff;font-size: 12px;}
.s4-title p a{color: #fff;}

 
 .s4{position: relative;}
.swiper4-button-prev,
.swiper4-button-next{
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; 
display: block;height: 58px;width: 58px;font-size: 30px;
position: absolute;top: 50%;margin-top: -29px;cursor: pointer;overflow: hidden;z-index: 11;display: inline-block;
line-height: 58px;text-align: center;color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.swiper4-button-prev{left: 0;background: #A7BDF6}
.swiper4-button-next{right: 0;background:  #A7BDF6}
.swiper4-button-prev:before{content: "\f104";}
.swiper4-button-next:before{content: "\f105";}
.swiper4-button-prev:hover{background: #00EAFF}
.swiper4-button-next:hover{background:  #00EAFF}
 

@media screen and (min-width: 1400px){
.swiper4-button-prev{left: -100px;}
.swiper4-button-next{right: -100px;}
}




.s4-item{position: relative;margin: 31px 0;background: #fff;padding: 50px;}
.s4-item h4{font-size: 26px;color: #333;line-height: 32px;height: 64px;overflow: hidden;}
.s4-item p{line-height: 24px;height: 87px;overflow: hidden;border-top:1px solid #ccc;
margin-top: 20px;padding-top: 15px;margin-bottom: 0;
}

.s4-ico{height: 62px;width: 62px;position: absolute;left: 50px;top: -31px;z-index: 2;background: #fff;
border-radius: 50%;
box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
}

.s4-ico1{background: #fff url(../images/base/s4-ico1.png) center center no-repeat;}
.s4-ico2{background: #fff url(../images/base/s4-ico2.png) center center no-repeat;}
.s4-ico3{background: #fff url(../images/base/s4-ico3.png) center center no-repeat;}


.s4-item:hover .s4-ico1{background: #436FD5 url(../images/base/s4-ico11.png) center center no-repeat;}
.s4-item:hover .s4-ico2{background: #436FD5 url(../images/base/s4-ico21.png) center center no-repeat;}
.s4-item:hover .s4-ico3{background: #436FD5 url(../images/base/s4-ico31.png) center center no-repeat;}

.s4-item:after{content:"";display: block;position: absolute;height: 10px;
left: 15px;right: 15px;bottom: -7px;background: rgba(255,255,255,.3);}





.s4-more{margin: 30px 0 0;text-align: center;}
.s4-more a{border:1px solid #fff;
display: inline-block;padding: 6px 40px;
border-radius: 50px;
color: #fff;
}






.section5{padding: 60px 0 0;}
.s5-bg{margin-top: 60px;}
.s5-title{position:relative;padding-left:55px;padding-top:55px;margin-bottom:30px}
.s5-title:after{content:"";display:table;clear:both}
.s5-title em{position:absolute;left:0;top:0;z-index:1;font-size:160px;color:#D9E3FE;font-style:normal;font-weight:700;line-height:1}
.s5-title p{position:relative;z-index:2;font-size:50px;color:#616161;line-height:1}
.s5-title h4{position:relative;z-index:2;font-size:30px;color:#626262;line-height:1;margin-top:0}
@media screen and (min-width:992px) and (max-width:1199px){
.s5-title p{font-size:40px}
.s5-title h4{font-size:26px}
}
@media screen and (min-width:768px) and (max-width:991px){
.s5-title{padding-bottom:50px}
}
@media screen and (min-width:0) and (max-width:767px){
.section3{padding-top:0}
.s5-title{padding-left:0}
.s5-title p{font-size:22px}
.s5-title h4{font-size:26px}
}


.s5{padding: 50px 20px;background: #E3EAFD;}

.s5-img{}
.s5-img img{width: 100%;height: auto;}
.s5-text{padding-left: 30px;}
.s5-text h4{font-size: 30px;color: #666;position: relative;}
.s5-text h4:after{content:"";display: block;height: 2px;
width:30px;position: absolute;top: 50%;margin-top: -1px;right: 100%;
background: #666;margin-right: 30px;
}

.s5-text h4 a{color: #666;}
.s5-text span{color: #999;display: block;margin-bottom: 30px;}
.s5-text p{line-height: 24px;height: 120px;overflow: hidden;color: #666;margin-bottom: 20px;}


.s5-text a{display: inline-block;
padding: 2px 20px;background: #3C73F3;

transform: skewx(-20deg);
}

.s5-text a em{display: block;color: #fff;font-size: 14px;font-style:normal;transform: skewx(20deg);}



@media screen and (min-width: 0) and (max-width: 991px){
.section5{padding-top: 20px;}
.s5{padding-top: 0;padding-bottom: 30px;}
.s5-text{padding-top: 15px;padding-right: 15px;padding-left: 30px;}
.s5-text h4:after{display: none;}
}








.section6{background: #2976FA;}


.s6{position: relative;}
.swiper6-button-prev,
.swiper6-button-next{
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; 
display: block;height: 58px;width: 58px;font-size: 30px;
position: absolute;top: 50%;margin-top: -29px;cursor: pointer;overflow: hidden;z-index: 11;display: inline-block;
line-height: 58px;text-align: center;color: #2976FA;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.swiper6-button-prev{left: 0;background: #fff}
.swiper6-button-next{right: 0;background:  #fff}
.swiper6-button-prev:before{content: "\f104";}
.swiper6-button-next:before{content: "\f105";}
.swiper6-button-prev:hover{background: #E3EAFD}
.swiper6-button-next:hover{background:  #E3EAFD}
@media screen and (min-width: 1400px){
.swiper6-button-prev{left: -100px;}
.swiper6-button-next{right: -100px;}
}

.s6{background: #fff;padding: 0 10px;}
.s6-item{}
.s6-item img{width: 100%;height: auto;}





.section7{padding: 30px 0;}
.s7-item{margin: 20px 0;text-align: center;}
.s7-item img{max-width: 100%;height: auto;}







.foot{background: #218ECD;}
.foot1{height: 430px;position: relative;padding-right: 390px;}
.foot1:after{content:"";display: table;clear: both;}
.foot-r{position: absolute;right: 0;top: 0;width: 300px;padding:70px 30px 0;height: 430px;background: #202125;}


.foot-r span{text-align: center;display: block;font-size: 16px;color: #fff;}
.foot-r h4{text-align: center;font-size: 26px;font-weight: bold;color: #218ECD;margin-bottom: 30px;}
.foot-r img{width: 132px;height: 132px;margin: 0 auto;display: block;}
.foot-r p{text-align: center;color: #fff;font-size: 14px;margin-top: 5px;}

.foot-fenxiang{float: right;text-align: center;background:#202125;width: 300px;
}
.foot-fenxiang:after{content:"";display: table;clear: both;}
.foot-fenxiang a{display: inline-block;height: 40px;width: 40px;
text-align: center;line-height: 38px;color: #fff; margin:0 5px;
cursor: pointer;
border-radius: 50%;
}

.foot-fenxiang a:hover{background: #ccc;color: #333;}




@media screen and (min-width: 0) and (max-width: 991px){
.foot-fenxiang{float: none;width: auto;margin: -15px -30px 20px;}
}






.foot2{overflow: hidden;padding-top: 60px;padding-bottom: 60px;padding-right: 30px;}
.foot-ul{position: relative;height: 250px;border-right:1px solid rgba(255,255,255,.3);}
.foot-ul:after{position: absolute;content:"";display: block;height: 30px;width: 1px;
background: rgba(255,255,255,.3);	
top: 100%;right: -9px;margin-top: -2px;
transform: rotate(-30deg);
}
.foot-ul:before{position: absolute;content:"";display: block;height: 5px;width: 5px;
background: rgba(255,255,255,.3);	right: -19px;bottom: -30px;
border-radius: 50%;
}

.foot2 ul{padding: 0;margin: 0;}
.foot2 h4{font-size: 22px;color: #fff;}
.foot2 h4 a{color: #fff;}
.foot2 p{margin-bottom: 25px;display: block;font-size: 24px;color: rgba(255,255,255,.5);text-transform : capitalize;}
.foot2 li a{color: rgba(255,255,255,.8);}
.foot2 li {line-height: 30px;}

.copyright{border-top:1px solid #4DA5D7;background: #218ECD;height: 70px;overflow: hidden;}
.copyright1{padding-right: 360px;}
.copyright{line-height: 69px;color: #fff;}




@media screen and (min-width: 992px) and (max-width: 1199px){
.foot1{padding-right: 300px;}
}

@media screen and (min-width: 0) and (max-width: 991px){
.foot1{padding-right: 0;height: auto;margin: 0px -15px;}
.foot2{padding: 20px 15px;}
.foot-ul:after{display: none;}
.foot-ul:before{display: none;}
.foot-r{position: static;width: auto;}

.foot-r{margin-left: -15px;margin-right: -15px;}


.copyright{height: auto;line-height: 24px;padding: 15px 0;}
.copyright1{padding: 0;}
}
.copyright a{color: #fff;}
.copyright img{width: 18px;height: 18px;}






#outer-w{width:100%;height:100%;display:none;position: fixed;left:0;top:0;z-index:99999;}
#outer {height: 100%; ; position: relative;width: 100%;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%;width: 300px;padding:30px 0;margin: 0 auto;text-align:center;} /* for explorer only */
*+html #outer[id]{position: relative;}
*+html #middle[id]{position: absolute; }
#bg-black{position: absolute;z-index:1;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.6);}
.inner{position:relative;z-index:2;background:#FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#close{position: absolute;right:-10px;top:-10px;height:30px;width:30px;cursor: pointer;background: #FFF url(../images/base/del_on.gif) left top no-repeat;border:1px solid #CCC;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#close:hover{background: #DDD url(../images/base/del_hover.gif) -1px -1px no-repeat;}




.mianbao{line-height: 59px;text-align: right;border-bottom:1px solid #ccc;color: #242424;}
.mianbao a{margin: 0 5px;color: #242424;}
.mianbao a:hover{color: #A80000;}


.title20{padding: 30px 0;margin: 0 20px;}
.title20:after{content:"";display: table;clear: both;}
.title20 h4{font-size: 30px;color: #555;}
.title20 ul{padding: 0;margin: 10px 0 0 ;float: right;}
.title20 ul li{display: inline-block;}
.title20 ul li a{display: inline-block;padding: 3px 20px;
border-radius: 20px;font-size: 16px;color: #999;
}
.title20 ul li.on a,
.title20 ul li a:hover{color: #fff;background: #218ECD;}


@media screen and (min-width: 0) and (max-width: 767px){
.title20 ul{display: none;}
}



.list-title{margin: 0 15px 40px;text-align: center;}
.list-title p{font-size: 16px;color: #333;margin-bottom: 0;}
.list-title h4{font-size: 22px;color: #333;}




@media screen and (min-width: 0) and (max-width: 767px){
.navbar-default{margin-left: -15px;margin-right: -15px;}
}